<section id="button-groups">
    <h2 class="page-header">Button Groups</h2>
    <div class="row">
        <div class="span3">
            <p>
                <div class="btn-group">
                    <a class="btn" href="#"><i class="icon-align-left"></i></a>
                    <a class="btn" href="#"><i class="icon-align-center"></i></a>
                    <a class="btn" href="#"><i class="icon-align-right"></i></a>
                    <a class="btn" href="#"><i class="icon-align-justify"></i></a>
                </div>
            </p>
        </div>
        <div class="span9">
            {% highlight html %}
            <div class="btn-group">
                <a class="btn" href="#"><i class="icon-align-left"></i></a>
                <a class="btn" href="#"><i class="icon-align-center"></i></a>
                <a class="btn" href="#"><i class="icon-align-right"></i></a>
                <a class="btn" href="#"><i class="icon-align-justify"></i></a>
            </div>
            {% endhighlight %}
        </div>
    </div>
</section>